﻿{include file="common/head"}
<style>
    .lgp-table{
        width: 80%;
        margin: 50px auto;
        border:1px solid #ccc;
        border-collapse:separate;
        border-radius:6px;
        text-align: center;
        box-shadow: 0 1px 20px #8c4eff;
    }
    .lgp-table tr td,th{
        border-right: 1px solid #CCCCCC;
        color:#838383;
        padding:20px 0;
    }
    .lgp-table tr>td:last-child,th:last-child{
        border:none;
    }

    .pricing_area .tittle {
        margin-bottom: 0;
    }
</style>
<body>
    <!-- Header Area -->
    <header class="main_header_area mha_2">
       <div class="container">
            <div class="header_menu">
                <nav class="navbar navbar-expand-lg">
                    <a class="navbar-brand" href="index.html"><img src="/home/images/logo.png" alt=""></a>
                    <!-- Small Divice Menu-->
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar_supported"  aria-expanded="false" aria-label="Toggle navigation">
                        <i class="fa fa-bars" aria-hidden="true"></i>
                    </button>
                    <div class="collapse navbar-collapse navbar_supported">
                        <?php echo $global['nav'] ?>
                    </div>
                </nav>
           </div>
        </div>
    </header>

    <div id="parallax">

    <section class="pricing_area pa_4">
        <div class="container">
            <h4 class="tittle">任务积分价格表</h4>
            <div class="row">
                <div class="col-lg-12 pricing_content">
                    <table class="lgp-table">
                        <thead>
                        <tr>
                            <th>任务类型</th>
                            {foreach $level as $key=>$vo }
                            <th style="color:rgb(140,<?php echo 150-($key*40); ?>,255)">{$vo.level_name}</th>
                             {/foreach}
                        </thead>
                        <tbody>
                        {foreach $api as $key=>$vo }
                        <tr>
                            <td>{$vo['api_name']}</td>
                        </tr>
                        {/foreach}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <!-- End Our Pricing Area -->


   </div><!-- End Parallax -->
    {include file="common/footer"}
    <!-- Scroll Top Button -->
    <button class="scroll-top">
        <i class="fa fa-angle-double-up"></i>
    </button>

    <!-- Preloader -->
	<div class="preloader"></div>

    <div class="preloader"></div>
    <!-- jQuery v3.3.1 -->
    <script src='https://libs.baidu.com/jquery/1.10.2/jquery.min.js'></script>
    <script src="/home/vendors/parallaxmouse/parallax.min.js"></script>
    <!-- Bootstrap v4.0.0 -->
    <script src="/home/js/popper.min.js"></script>
    <script src="/home/js/bootstrap.min.js"></script>
    <!-- Extra Plugin -->
    <script src="/home/vendors/animate-css/wow.min.js"></script>
    <script src="/home/vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
    <!-- Theme js / Custom js -->
    <script src="/home/js/theme.js"></script>

</body>
</html>
